@charset 'utf-8';
@import './common.less';
@import './header_module.less';
@import './floor_module.less';
.nav{
    background-color: #f9f9f9!important;
    
}
.nav-1{
    ul,.form-box{
        display: none;
    }
    .logol{
        width: 300px!important;
        img{
            content:url(../img/shop-logo.png);
            width: 120px;
            height: 36px;
            vertical-align: middle;
        }
        span{
            display: inline-block;
            margin-left: 26px;
            font-size: 22px;
            line-height: 36px;
            vertical-align: middle;
            color: #333;
        }
    }
    .rate-of{
        float: right;
        width: 320px;
        height: 50px;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        margin-right: 0px;
        background-image: url(../img/sprites6.svg);
        background-position: -42px -22px;
    }
}
.shopping{
    display: none;
}

main{
    background: #f5f5f5;
    .check-box{
        float: left;
        width: 150px;
        vertical-align: middle;
        font-weight: normal;
        .checked{
            background: url(../img/icon-header.png) no-repeat;
            display: inline-block;
            width: 14px;
            height: 14px;
            background-position: -18px -129px;
            vertical-align: middle;
            border-color: #ddd;
            cursor: default;
            margin-right: 10px;
            outline: none;
        }
    }
    .login-prompt{
        border: 1px solid #eace85;
        background: #fffdee;
        color: #ca141d;
        line-height: 48px;
        padding: 0 20px;
        margin-top: 10px;
        i{
            display: inline-block;
            width: 12px;
            height: 12px;
            background: url(../img/icon-tips01.png) no-repeat;
            display: inline-block;
            margin-right: 3px;
        }
        a{
            width: 70px;
            height: 30px;
            line-height: 30px;
            display: inline-block;
            background: #ca141d;
            color: #fff;
            text-align: center;
            margin-left: 10px;
            border-radius: 2px;
        }
    }
    .shop-title{
        background: #fff;
        height: 40px;
        line-height: 40px;
        padding-left: 40px;
        color: #a4a4a4;
        margin-top: 10px;
        ul{
            float: left;
            li{
                float: left;
                float: left;
                width: 100px;
                margin-left: 30px;
                min-height: 14px;
                text-align: center;
            }
            li:nth-child(1){
                width: 450px;
                text-align: left;
                margin-left: 0;
            }
        }
    }
    .shop-box{
        padding-top: 135px;
        min-height: 365px;
        background: #fff;
        text-align: center;
        color: #7f7f7f;
        font-size: 14px;
        margin-top: 20px;
        box-sizing: content-box;
        display: none;
        .null-shop{
            background: url(../img/icon-header-minicart.png) no-repeat;
            display: block;
            height: 100px;
            margin: 0 auto 36px;
            width: 100px;
        }
        p{
            font-size: 18px;
            color: #a4a4a4;
            margin-bottom: 16px;
        }
        a{
            width: 172px;
            height: 46px;
            line-height: 46px;
            font-size: 18px;
            color: #fff;
            display: block;
            margin: 0 auto;
            background: #ca141d;
            border-radius: 2px;
        }
    }
    .shop-list{
        background: #fff;
        padding-left: 40px;
        margin-top: 10px;
        padding-top: 20px;
        .check-box{
            margin: 43px 3px 0 0;
            width: 20px;
        }
        .shop-main{
            >a{
                width: 100px;
                height: 100px;
                float: left;
                margin-right: 20px;
                img{
                    width: 100%;
                    height: 100%;
                }
            }
            ul{
                float: left;
                h3{ 
                    width: 450px;
                    line-height: 20px;
                    margin: 0 0 2px;
                    a{
                        display: block;
                        font-size: 14px;
                        color: #333;
                        font-weight: 400;
                    }
                }
                li{
                    float: left;
                }
                li:nth-of-type(1){
                    p{
                        color: #666;
                        line-height: 17px;
                        margin: 0;
                    }
                    >span{
                        display: inline-block;
                        font-size: 14px;
                        color: #ca141d;
                        line-height: 18px;
                        padding: 0 8px;
                        margin-right: 8px;
                        border: 1px solid #ca141d;
                        margin-top: 6px;
                    }
                }
                
                li:not(:nth-of-type(1)){
                    width: 120px;
                    margin-left: 5px;
                    margin-right:15px;
                    text-align: center;
                }
            }
            &::after{
                content: "";
                display: block;
                clear: both;
                height: 0;
                overflow: hidden;
                visibility: hidden;
            }
        }
    }
    .p-num{
        input{
            width: 42px;
            height: 20px;
            text-align: center;
            border: 1px solid #d6d6d6;
            border-width:1px 0;
            outline: none;
            vertical-align: top;
        }
        span{
            display: inline-block;
            width: 21px;
            height: 20px;
            line-height: 19px;
            font-size: 16px;
            text-align: center;
            color: #717171;
            border: 1px solid #d6d6d6;
            vertical-align: top;
        }
    }
    .sum-price{
        color: #ca141d;
        font-weight: 700;
    }
    .p-remove{
        color: #a4a4a4;
        span{
            cursor: pointer;
        }
    }
    .shopping-box{
        background: #fff;
        height: 60px;
        margin-top: 10px;
        font-size: 12px;
        .check-box{
            width: 80px;
            margin-left: 40px;
            height: 100%;
            line-height: 60px;

        }
        .shop-remove{
            display: inline-block;
            margin-left: 10px;
            height: 100%;
            line-height: 60px;
            cursor: pointer;
        }
        .shop-clear{
            float: right;
            .clear-text{
                margin-top: 7px;
                text-align: right;
                display: inline-block;
                padding-right: 8px;
            }
            p{
                margin: 0;
            }
            .text-1{
                font-size: 14px;
                i{
                    display: inline-block;
                    width: 12px;
                    height: 12px;
                    cursor: pointer;
                    background-image: url(../img/icon-order.png);
                    background-position: -22px -137px;
                    vertical-align:baseline;
                    margin-left: 5px;
                }
            }
            .clear-sum{
                color: #ca151e;
                font-size: 18px;
                font-weight: 700;
            }
            
            .text-2{
                color: #a4a4a4;
                padding-right: 18px;
                .clear-num{
                    color: #ca151e;
                    margin: 0 5px;
                    font-weight: 700;
                }
            }
        }
        button{
            width: 180px;
            height: 60px;
            line-height: 60px;
            background: #ca151e;
            font-size: 18px;
            color: #fff;
            text-align: center;
            border: 0;
            outline: none;
            vertical-align: top;
        }
    }
}
.red-checked{
    background-position: -2px -130px!important;
}
